import{z as k,r as l,k as p,i as f,T as h,v as M,x as B,f as t,s as C,j as m,p as T,h as i,a3 as z,J as K,_ as O}from"#entry";import{u as P}from"./pY6Dp7Ru.js";import{u as V}from"./lOVP0ool.js";import j from"./DJ-x6A6K.js";import"./CiClenpV.js";import"./DoyTWK7L.js";import"./BiLnp6eD.js";import"./DZUnxhR9.js";import"./DggDxw-F.js";const E=["onKeydown"],N=["aria-label"],R={class:"modal-stage"},S=k({__name:"BaseVideoModal",props:{videoUrl:{},autoplay:{type:Boolean,default:!1}},emits:["modal-visible-toggle","modal-closed"],setup(n,{expose:v,emit:y}){const r=n,a=y,c=V(),e=l(!1),s=l(null),d=l(),{activate:_,deactivate:b}=P(d),g=async()=>{c.toggleModalOpened(!0),e.value=!0,await K(),r.autoplay&&s.value?.play(),_(),a("modal-visible-toggle")},o=async()=>{s.value?.stop(),c.toggleModalOpened(!1),e.value=!1,a("modal-visible-toggle"),a("modal-closed"),b()},w=()=>{r.autoplay&&o()};return v({openModal:g,closeModal:o,isOpen:e}),(x,u)=>(f(),p(h,{name:"fade"},{default:M(()=>[B(t("div",{ref_key:"target",ref:d,class:"fixed inset-0 flex justify-center items-center | focus:outline-none || modal-overlay",tabindex:"-1",onClick:m(o,["self"]),onKeydown:C(m(o,["prevent"]),["esc"])},[t("button",{ref:"close",class:"absolute z-20 inline-block p-4 text-white opacity-75 transition-opacity duration-300 | focus:outline-none focus-visible:outline-2 focus-visible:outline-blue-400 focus:opacity-100 || close",type:"button","data-cy":"close","aria-label":x.$t("Close"),onClick:o},[...u[0]||(u[0]=[t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.7 12.7"},[t("path",{d:"M12.7 1.4L11.3 0 6.4 4.9 1.4 0 0 1.4 5 6.4 0 11.3 1.4 12.7 6.4 7.8 11.3 12.7 12.7 11.3 7.8 6.4z"})],-1)])],8,N),t("div",R,[i(e)?(f(),p(i(j),{key:0,ref_key:"videoPlayerRef",ref:s,"video-url":n.videoUrl,controls:!0,autoplay:!0,onEndPlayback:w},null,8,["video-url"])):T("",!0)])],40,E),[[z,i(e)]])]),_:1}))}}),G=O(S,[["__scopeId","data-v-665b5fd8"]]);export{G as default};