import{D as k,e as x,aB as w,X as L,o as a,c as i,b as n,u as e,f as s,l as u,d,ai as M,a9 as f,m as B,j as I,q as r,_ as P}from"./DpWIWJuE.js";import E from"./D5v2GN1z.js";import N from"./V6Jg0VbF.js";import O from"./2U1E6lxR.js";import{u as D}from"./Csd2wuw8.js";import"./JoU1Msuw.js";import"./C2rePTn9.js";import"./CL7ZmkfV.js";const R=["aria-label"],$={key:0,class:"video-modal-loop__video-looping",autoplay:"",loop:"",muted:"",playsinline:""},j=["src"],z=["src"],A={key:2,class:"video-modal-loop__reduced-motion-placeholder"},F=["src"],H=["src"],T=k({__name:"LoopingVideo",props:{ariaLabel:{},config:{}},setup(o){const{t:_}=x(),c=o,{prefersReducedMotion:v}=D(),l=I(!1),p=()=>{l.value=!0},b=()=>{l.value=!1},h=r(()=>c.config.videoSrc.includes("youtube")),g=r(()=>c.config.videoSrc.includes("vimeo")),y=c.config?.thumbnailSrc??w,t=r(()=>!!(c.config.videoMP4||c.config.videoWebm));return(W,q)=>{const C=L("SlpIcon"),m=M,S=E,V=N;return a(),i("div",null,[n("div",{class:f(["video-modal-loop",`video-modal-loop--${o.config?.theme}`]),onClick:p},[n("button",{class:"video-modal-loop__play-button","aria-label":o.ariaLabel??e(_)("common.autoplayVideo")},[s(C,{icon:e(O),size:"xl",class:"video-modal-loop__play-icon"},null,8,["icon"])],8,R),e(t)&&!e(v)?(a(),i("video",,ドル[n("source",{src:o.config.videoMP4,type:"video/mp4"},null,8,j),n("source",{src:o.config.videoWebm,type:"video/webm"},null,8,z)])):!e(t)&&o.config.thumbnailSrc?(a(),u(m,{key:1,class:"video-modal-loop__thumbnail",src:o.config.thumbnailSrc,alt:o.ariaLabel||"",preload:{fetchPriority:"high"}},null,8,["src","alt"])):d("",!0),e(t)?(a(),i("div",A,[s(m,{src:e(y),alt:"",loading:"eager",provider:"cloudinary",fit:"cover"},null,8,["src"])])):d("",!0)],2),s(V,{visible:e(l),class:f(["loop-modal",{wide:o.config.disableFacade}]),onClose:b},{body:B(()=>[o.config.disableFacade?e(h)?(a(),i("iframe",{key:1,class:"video embed",width:"100%",height:"700",src:`${o.config.videoSrc}?autoplay=1&rel=0`,frameborder:"0",allow:"autoplay; encrypted-media",allowfullscreen:""},null,8,F)):e(g)?(a(),i("iframe",{key:2,class:"video embed",width:"100%",height:"700",src:o.config.videoSrc,frameborder:"0",allow:"autoplay; fullscreen",allowfullscreen:""},null,8,H)):d("",!0):(a(),u(S,{key:0,"video-src":c.config.videoSrc,class:"video","thumbnail-src":o.config.thumbnailSrc},null,8,["video-src","thumbnail-src"]))]),_:1},8,["visible","class"])])}}}),oo=Object.assign(P(T,[["__scopeId","data-v-631ba4e4"]]),{__name:"CommonLoopingVideo"});export{oo as default};