import{D as v,e as y,t as h,X as k,o as g,c as S,ao as w,a9 as C,u as l,b as o,r as i,f as B,d as V,j as I,q,v as x,_ as M}from"./Bdb63vbw.js";import N from"./CI_xXOc4.js";const O={class:"modal"},$={class:"modal__header"},j=["aria-label"],z={class:"modal__footer"},A=v({__name:"VideoModal",props:{lightBackground:{type:Boolean,default:!1},visible:{type:Boolean,default:!1}},emits:["close"],setup(r,{emit:m}){const{t:u}=y(),a=r,_=m,s=I(null),f=()=>{a.visible&&x(()=>{const e=s.value?.querySelector(".video");e&&(e.hasAttribute("tabindex")||e.setAttribute("tabindex","-1"),e.focus())})};h(()=>a.visible,e=>{f();const c=document.querySelector("body");if(e)c?.classList.add("noScroll"),setTimeout(()=>{window.__vimeoRefresh?.()},3e3);else{c?.classList.remove("noScroll");const t=s.value?.querySelector('iframe[src*="vimeo.com"]');t&&t.contentWindow?.postMessage(JSON.stringify({method:"pause"}),"*");const d=s.value?.querySelector('iframe[src*="youtube.com"]');d&&d.contentWindow?.postMessage(JSON.stringify({event:"command",func:"pauseVideo",args:[]}),"*")}});const n=()=>{_("close")},b=e=>{e.key==="Escape"&&(e.preventDefault(),n())},p=q(()=>a.lightBackground?"modal__backdrop modal__backdrop--light":"modal__backdrop");return(e,c)=>{const t=k("SlpIcon");return r.visible?(g(),S("div",{key:0,class:C(l(p)),onClick:w(n,["self"])},[o("div",O,[o("header",,ドル[i(e.$slots,"header",{},void 0,!0),o("button",{type:"button",class:"btn btn__close","aria-label":l(u)("common.close"),onClick:n},[B(t,{icon:l(N),size:"lg",class:"btn__close-icon",color:"black"},null,8,["icon"])],8,j)]),o("section",{ref_key:"videoSection",ref:s,class:"modal__body",tabindex:"-1",onKeydown:b},[i(e.$slots,"body",{},void 0,!0)],544),o("footer",z,[i(e.$slots,"footer",{},void 0,!0)])])],2)):V("",!0)}}}),J=Object.assign(M(A,[["__scopeId","data-v-129528fd"]]),{__name:"CommonVideoModal"});export{J as default};