import{t as Y,aV as K,as as W,_ as Z,o as q,c as z,ak as G,h as Q,b as P,r as L,z as X,A as ie,d as C,u as d,f as D,n as N,j as p,q as v,aW as M,a3 as J,a4 as ee,a0 as ne,aX as se,D as le,aB as ue,e as ce,al as F,a9 as de,l as U,ao as H,m as pe,aY as ge,ai as ve,v as ye}from"./DtlrrNad.js";import{u as fe,t as me,i as te,f as he}from"./DOPFdqh5.js";import{u as be}from"./COPN3trt.js";function we(o){let i;return new Promise(n=>{i=he(o,t=>{for(const u of t)u.isIntersecting&&n(!0)},{rootMargin:"30px 0px 0px 0px",threshold:0}),te(()=>n(!1))}).finally(()=>{i.stop()})}function ae(o){const{el:i,trigger:n}=o,t=(Array.isArray(o.trigger)?o.trigger:[o.trigger]).filter(Boolean);if(!n||t.includes("immediate")||t.includes("onNuxtReady"))return"onNuxtReady";if(t.some(y=>["visibility","visible"].includes(y)))return i?we(i):new Promise(()=>{});const u={},O=new Promise(y=>{const g=typeof i<"u"?i:document.body,f=fe(g,t,()=>{f(),y(!0)},{once:!0,passive:!0});me(()=>{Y(g,m=>{m&&t.forEach(h=>{m.dataset[`script_${h}`]&&(f(),y(!0))})},{immediate:!0})}),te(()=>y(!1))});return Object.assign(O,{ssrAttrs:u})}function ke(o){let i=Promise.resolve();const n=K("youtubePlayer",()=>({scriptInput:{src:"https://www.youtube.com/iframe_api",crossorigin:!1},scriptOptions:{use(){return{YT:window.YT||i.then(()=>window.YT)}}},clientInit:()=>{i=new Promise(t=>{window.onYouTubeIframeAPIReady=t})}}),o);{const t=Y(n.status,u=>{u==="loading"&&(W({link:[{rel:"preconnect",href:"https://www.youtube-nocookie.com"},{rel:"preconnect",href:"https://www.google.com"},{rel:"preconnect",href:"https://googleads.g.doubleclick.net"},{rel:"preconnect",href:"https://static.doubleclick.net"}]}),t())})}return n}const Pe={},Se={class:"sr-only","aria-label":"Loading...",role:"status"};function Ve(o,i){return q(),z("div",Se)}const re=Object.assign(Z(Pe,[["render",Ve],["__scopeId","data-v-b8d01a9d"]]),{__name:"ScriptAriaLoadingIndicator"}),_e={__name:"ScriptYouTubePlayer",props:{placeholderAttrs:{type:Object,required:!1},rootAttrs:{type:Object,required:!1},aboveTheFold:{type:Boolean,required:!1},trigger:{type:[String,Array,Boolean],required:!1,default:"mousedown"},videoId:{type:String,required:!0},playerVars:{type:null,required:!1,default:{autoplay:0,playsinline:1}},width:{type:Number,required:!1,default:640},height:{type:Number,required:!1,default:360},ratio:{type:String,required:!1,default:"16/9"},cookies:{type:Boolean,required:!1,default:!1},playerOptions:{type:null,required:!1},thumbnailSize:{type:String,required:!1,default:"hq720"},webp:{type:Boolean,required:!1,default:!0},placeholderObjectFit:{type:String,required:!1,default:"cover"}},emits:["ready","state-change","playback-quality-change","playback-rate-change","error","api-change"],setup(o,{expose:i,emit:n}){const t=o,u=n,O=["onReady","onStateChange","onPlaybackQualityChange","onPlaybackRateChange","onError","onApiChange"],y=/([A-Z])/g,g=p(),f=p(),m=p(!1),h=p(!1),S=ae({trigger:t.trigger,el:g}),c=ke({scriptOptions:{trigger:S}}),{onLoaded:E,status:V}=c,b=p(),T=p(!1);S instanceof Promise?S.then(e=>{e&&(h.value=!0,t.trigger==="mousedown"&&(T.value=!0))}):h.value=!0;const l=Y(()=>t.videoId,e=>{m.value&&b.value&&b.value.loadVideoById(e)});G(()=>{l(),b.value?.destroy()}),Q(()=>{E(async e=>{if(!h.value&&S instanceof Promise&&!await S||!f.value)return;const a=e.YT instanceof Promise?await e.YT:e.YT;await new Promise(s=>{typeof YT.Player>"u"?a.ready(s):s()}),f.value&&(b.value=new YT.Player(f.value,{host:t.cookies?"https://www.youtube.com":"https://www.youtube-nocookie.com",videoId:t.videoId,width:t.width,height:t.height,playerVars:t.playerVars,...t.playerOptions,events:Object.fromEntries(O.map(s=>[s,A=>{const _=s.replace(y,"-1ドル").replace("on-","").toLowerCase();u(_,A),s==="onReady"&&(m.value=!0,T.value&&(b.value?.playVideo(),T.value=!1))}]))}))}),Y(V,e=>{e==="error"&&u("error")})}),i({player:b});const w=v(()=>h.value?!1:(Array.isArray(t.trigger)?t.trigger:[t.trigger]).some(a=>typeof a=="string"&&!["immediate","onNuxtReady","visibility","visible"].includes(a)));function k(e){if(e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),!g.value))return;const a=(Array.isArray(t.trigger)?t.trigger:[t.trigger]).filter(Boolean);for(const s of a)["immediate","onNuxtReady","visibility","visible"].includes(s)||g.value.dispatchEvent(new Event(s,{bubbles:!1}))}const $=v(()=>{const e=w.value;return M(t.rootAttrs,{"aria-busy":V.value==="loading","aria-label":V.value==="awaitingLoad"?e?"Play video":"YouTube Player - Placeholder":V.value==="loading"?"YouTube Player - Loading":"YouTube Player - Loaded","aria-live":"polite",role:e?"button":"application",tabindex:e?0:void 0,style:{cursor:"pointer",position:"relative",backgroundColor:"black",width:"100%",aspectRatio:t.ratio},...S instanceof Promise?S.ssrAttrs||{}:{}})}),x=v(()=>`https://i.ytimg.com/vi/${t.videoId}/hqdefault.jpg`),R=v(()=>`https://i.ytimg.com/${t.webp?"vi_webp":"vi"}/${t.videoId}/${t.thumbnailSize}.${t.webp?"webp":"jpg"}`),I=p(!1),r=v(()=>M(t.placeholderAttrs,{src:I.value?x.value:R.value,alt:"Play video",loading:t.aboveTheFold?"eager":"lazy",fetchpriority:t.aboveTheFold?"high":void 0,style:{width:"100%",objectFit:t.placeholderObjectFit,height:"100%"},onLoad(e){const a=e.target;a.naturalWidth===120&&a.naturalHeight===90&&(I.value=!0)}}));return(e,a)=>(q(),z("div",N({ref_key:"rootEl",ref:g},$.value,{onKeydown:a[0]||(a[0]=s=>w.value?k(s):void 0)}),[P("div",{ref_key:"youtubeEl",ref:f,style:{width:"100%",height:"100%",position:"absolute",top:"0",left:"0"}},null,512),m.value?C("",!0):L(e.$slots,"placeholder",{key:0,placeholder:R.value},()=>[P("img",X(ie(r.value)),null,16)]),d(V)==="loading"?L(e.$slots,"loading",{key:1},()=>[D(re)]):C("",!0),d(V)==="awaitingLoad"?L(e.$slots,"awaitingLoad",{key:2}):d(V)==="error"?L(e.$slots,"error",{key:3}):C("",!0),L(e.$slots,"default")],16))}},Le=Object.assign(_e,{__name:"ScriptYouTubePlayer"});function Ae(o){const i=K("vimeoPlayer",()=>({scriptInput:{src:"https://player.vimeo.com/api/player.js"},scriptOptions:{use(){return{Vimeo:window.Vimeo}}}}),o);{const n=Y(i.status,t=>{t==="loading"&&(W({link:[{rel:"preconnect",href:"https://i.vimeocdn.com"},{rel:"preconnect",href:"https://f.vimeocdn.com"},{rel:"preconnect",href:"https://fresnel.vimeocdn.com"}]}),n())})}return i}const Ee={__name:"ScriptVimeoPlayer",props:{trigger:{type:[String,Array,Boolean],required:!1,default:"mousedown"},placeholderAttrs:{type:Object,required:!1},rootAttrs:{type:Object,required:!1},aboveTheFold:{type:Boolean,required:!1},vimeoOptions:{type:Object,required:!1},id:{type:null,required:!1},url:{type:null,required:!1},ratio:{type:String,required:!1,default:"16/9"},placeholderObjectFit:{type:String,required:!1,default:"contain"}},emits:["play","playing","pause","ended","timeupdate","progress","seeking","seeked","texttrackchange","chapterchange","cuechange","cuepoint","volumechange","playbackratechange","bufferstart","bufferend","error","loaded","durationchange","fullscreenchange","qualitychange","camerachange","resize","enterpictureinpicture","leavepictureinpicture"],setup(o,{expose:i,emit:n}){const t=o,u=n,O=["play","playing","pause","ended","timeupdate","progress","seeking","seeked","texttrackchange","chapterchange","cuechange","cuepoint","volumechange","playbackratechange","bufferstart","bufferend","error","loaded","durationchange","fullscreenchange","qualitychange","camerachange","resize","enterpictureinpicture","leavepictureinpicture"],y=p(),g=p(),f=ae({trigger:t.trigger,el:g});let m=!1;t.trigger==="mousedown"&&f instanceof Promise&&f.then(r=>{r&&(m=!0)});const h=p(!1),{onLoaded:S,status:c}=Ae({scriptOptions:{trigger:f}}),E=v(()=>t.vimeoOptions?.id||t.id),V=v(()=>`vimeo-embed:${E.value}`),{data:b}=be(V,()=>$fetch("https://vimeo.com/api/oembed.json",{params:{url:`https://vimeo.com/${E.value}`,format:"json"}}),{lazy:!0}),T=v(()=>b.value?.thumbnail_url);let l;i({play:()=>l?.play(),pause:()=>l?.pause(),getDuration:()=>l?.getDuration(),getCurrentTime:()=>l?.getCurrentTime(),setCurrentTime:r=>l?.setCurrentTime(r),getVolume:()=>l?.getVolume(),setVolume:r=>l?.setVolume(r),getPaused:()=>l?.getPaused(),getEnded:()=>l?.getEnded(),getLoop:()=>l?.getLoop(),setLoop:r=>l?.setLoop(r),getPlaybackRate:()=>l?.getPlaybackRate(),setPlaybackRate:r=>l?.setPlaybackRate(r)});const w=v(()=>t.vimeoOptions?.width||y.value?.parentNode?.offsetWidth||640),k=v(()=>t.vimeoOptions?.height||y.value?.parentNode?.offsetHeight||480);Q(()=>{S(async({Vimeo:r})=>{const e=t.vimeoOptions||{};!e.id&&t.id&&(e.id=t.id),!e.url&&t.url&&(e.url=t.url),e.width=w.value,e.height=k.value,l=new r.Player(y.value,e),m&&(l.play(),m=!1);for(const a of O)l.on(a,s=>{u(a,s,l),a==="loaded"&&(h.value=!0)})})}),Y(()=>t.id,r=>{r&&l?.loadVideo(Number(r))}),Y(c,r=>{r==="error"&&u("error")});const $=v(()=>h.value?!1:(Array.isArray(t.trigger)?t.trigger:[t.trigger]).some(e=>typeof e=="string"&&!["immediate","onNuxtReady","visibility","visible"].includes(e)));function x(r){if(r.key!=="Enter"&&r.key!==" "||(r.preventDefault(),!g.value))return;const e=(Array.isArray(t.trigger)?t.trigger:[t.trigger]).filter(Boolean);for(const a of e)typeof a=="string"&&(["immediate","onNuxtReady","visibility","visible"].includes(a)||g.value.dispatchEvent(new Event(a,{bubbles:!1})))}const R=v(()=>{const r=$.value;return M(t.rootAttrs,{"aria-busy":c.value==="loading","aria-label":c.value==="awaitingLoad"?r?"Play video":"Vimeo Player - Placeholder":c.value==="loading"?"Vimeo Player - Loading":"Vimeo Player - Loaded","aria-live":"polite",role:r?"button":"application",tabindex:r?0:void 0,style:{"--vimeo-ratio":t.ratio,maxWidth:"100%",width:"auto",height:"auto",aspectRatio:t.ratio,position:"relative",backgroundColor:"black"},...f instanceof Promise?f.ssrAttrs||{}:{}})}),I=v(()=>M(t.placeholderAttrs,{src:T.value,alt:"Play video",loading:t.aboveTheFold?"eager":"lazy",fetchpriority:t.aboveTheFold?"high":void 0,style:{cursor:"pointer",width:"100%",objectFit:t.placeholderObjectFit,height:"100%"}}));return G(()=>l?.unload()),(r,e)=>(q(),z("div",N({ref_key:"rootEl",ref:g},R.value,{onKeydown:e[0]||(e[0]=a=>$.value?x(a):void 0)}),[J(P("div",{ref_key:"elVimeo",ref:y,class:"vimeo-player"},null,512),[[ee,h.value]]),h.value?C("",!0):L(r.$slots,"placeholder",N({key:0},d(b),{placeholder:T.value}),()=>[T.value?(q(),z("img",X(N({key:0},I.value)),null,16)):C("",!0)]),d(c)==="loading"?L(r.$slots,"loading",{key:1},()=>[D(re,{color:"white"})]):C("",!0),d(c)==="awaitingLoad"?L(r.$slots,"awaitingLoad",{key:2}):d(c)==="error"?L(r.$slots,"error",{key:3}):C("",!0),L(r.$slots,"default")],16))}},Te=Object.assign(Ee,{__name:"ScriptVimeoPlayer"}),Oe=()=>{const i=ne().path.toLowerCase(),n=se.find(u=>i.includes(u.value));return n?n.code:"en"},Ce=(o,i)=>i==="vimeo"&&/[?&]h=[a-zA-Z0-9]{6,}/.test(o),j=(o,i,n,t="event",u={})=>{typeof window<"u"&&window.datalayer?(window.datalayer=window.datalayer||[],window.datalayer.push({event_action:o,event_category:i,event_label:n,event:t,...u})):console.error("datalayer is not available.")},Ie=["aria-label"],qe=["aria-label"],Ye=le({__name:"Video",props:{videoSrc:{required:!0,type:String},title:{type:String},thumbnailSrc:{type:String,default:ue},loading:{type:String,validator(o){return typeof o=="string"&&["eager","lazy"].includes(o)},default:"lazy"},ariaLabel:String},setup(o){const{t:i}=ce(),n=o,t=p(!1),u=p(null),O=p(null),y=p(!1),g=p(!1),f=[.25,.5,.75,.8],m=p(new Set),h=p(new Set),S=p(new Set),c=v(()=>{if(n.videoSrc.includes("youtube")){const e=n.videoSrc.match(/(?:v=|\/)([0-9A-Za-z_-]{11})/);return e?e[1]:""}else if(n.videoSrc.includes("vimeo")){const e=n.videoSrc.match(/(?:video\/|\/)([0-9]+)/);return e?e[1]:""}return""}),E=v(()=>{if(n.videoSrc.includes("youtube"))return"youtube";if(n.videoSrc.includes("vimeo"))return"vimeo";throw new Error(`The CommonVideo component has been given a link to an unsupported video type. Please check that it contains an embedded Youtube or Vimeo link. Video source url provided: ${n.videoSrc}`)}),V=v(()=>Ce(n.videoSrc,E.value)),b=()=>O.value?.querySelector(".video"),T=()=>{const e=b();e&&(e.hasAttribute("tabindex")||e.setAttribute("tabindex","-1"),e.focus())},l=e=>{if(e.preventDefault(),!t.value){I();return}const a=b();if(a){const s=new MouseEvent("mousedown",{bubbles:!0,cancelable:!0,view:window});a.dispatchEvent(s)}r()},w={VIMEO:"Vimeo",YOUTUBE:"YouTube"},k=(e,a,s)=>{const A=n.title||c.value;m.value=s==="Vimeo"?h.value:S.value;const _=`${s} Video`;switch(e){case"loaded":y.value=!0,g.value&&(g.value=!1,r()),j(e,"Video",A,_,{videoId:c.value});break;case"pause":j(e,"Video",A,_,{videoId:c.value});break;case"play":{t.value=!0,j(e,"Video",A,_,{videoId:c.value});break}case"timeupdate":{const oe=a.percent;f.forEach(B=>{oe>=B&&!m.value.has(B)&&(m.value.add(B),B===.8?j("completed","Video",A,_,{videoId:c.value}):j(`progress_${B*100}`,"Video",A,_,{videoId:c.value}))});break}}},$={play:e=>k("play",e,w.VIMEO),pause:e=>k("pause",e,w.VIMEO),timeupdate:e=>k("timeupdate",e,w.VIMEO),loaded:e=>k("loaded",e,w.VIMEO)},x=e=>{const a=e.target,s=a.getDuration();switch(e.data){case YT.PlayerState.PLAYING:k("play",e,w.YOUTUBE),R(a,s);break;case YT.PlayerState.PAUSED:k("pause",e,w.YOUTUBE);break}},R=(e,a)=>{const s=()=>{if(e.getPlayerState()!==YT.PlayerState.PLAYING)return;const _=e.getCurrentTime()/a;k("progress",{percent:_},w.YOUTUBE),requestAnimationFrame(s)};requestAnimationFrame(s)},I=async()=>{t.value=!0,g.value=!0,await ye(),requestAnimationFrame(()=>{const e=b();e&&(e.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0,cancelable:!0,view:window})),T()),y.value&&(g.value=!1,r())})},r=async()=>{if(u.value)try{await u.value.play()}catch(e){console.warn("Could not start playback:",e)}};return(e,a)=>{const s=Le,A=Te,_=ve;return q(),z("div",{ref_key:"playerWrapper",ref:O,class:de(`video-wrapper videoId-${d(c)}`),onKeydown:F(l,["enter"])},[d(E)==="youtube"?(q(),U(s,{key:0,ref_key:"video",ref:u,class:"video","video-id":d(c),"root-attrs":{"aria-label":o.ariaLabel},onReady:a[0]||(a[0]=()=>k("loaded",{percent:0},"YouTube")),onStateChange:x,onKeydown:F(H(l,["stop"]),["enter"])},{awaitingLoad:pe(()=>[P("button",{class:"video-thumbnail__play-icon","aria-label":o.ariaLabel??d(i)("common.autoplayVideo")},[...a[1]||(a[1]=[P("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"70px"},[P("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:"#f00"}),P("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})],-1)])],8,Ie)]),_:1},8,["video-id","root-attrs","onKeydown"])):d(E)==="vimeo"?(q(),U(A,N({key:1,ref_key:"video",ref:u},d(V)?{id:Number(d(c)),url:o.videoSrc}:{id:Number(d(c))},{"vimeo-options":{texttrack:("useLocalizedVimeoSubtitles"in e?e.useLocalizedVimeoSubtitles:d(Oe))()},"root-attrs":{"aria-label":o.ariaLabel},class:"video",title:o.title},ge($),{onKeydown:F(H(l,["stop"]),["enter"])}),null,16,["vimeo-options","root-attrs","title","onKeydown"])):C("",!0),J(P("div",{class:"video-wrapper__placeholder-facade",onClick:I},[D(_,{class:"video-thumbnail",src:o.thumbnailSrc,loading:o.loading,alt:o.title?`Watch ${o.title}`:d(i)("common.videoPlaceHolder")},null,8,["src","loading","alt"]),L(e.$slots,"customPlayButton",{},()=>[P("button",{class:"video-thumbnail__play-icon","aria-label":o.ariaLabel??d(i)("common.autoplayVideo")},[...a[2]||(a[2]=[P("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[P("circle",{opacity:"0.75",cx:"24",cy:"24",r:"24",class:"circle"}),P("path",{d:"M19.4339 34.0523C19.2888 34.1455 19.1261 34.2081 18.9559 34.2362C18.7857 34.2642 18.6116 34.2572 18.4442 34.2154C18.2768 34.1737 18.1197 34.0981 17.9827 33.9934C17.8456 33.8887 17.7313 33.757 17.647 33.6065C17.5205 33.3896 17.454 33.1429 17.4546 32.8918V15.979C17.4546 15.2269 18.0358 14.6182 18.7545 14.6182C18.9957 14.619 19.2316 14.6892 19.4339 14.8204L32.5451 23.2758C32.7351 23.404 32.8906 23.5769 32.9982 23.7792C33.1058 23.9816 33.162 24.2072 33.162 24.4363C33.162 24.6655 33.1058 24.8911 32.9982 25.0935C32.8906 25.2958 32.7351 25.4687 32.5451 25.5969L19.4339 34.0523Z",fill:"white"})],-1)])],8,qe)],!0)],512),[[ee,d(E)==="vimeo"&&!d(t)]])],34)}}}),Be=Object.assign(Z(Ye,[["__scopeId","data-v-fb7b217c"]]),{__name:"CommonVideo"});export{Be as default};

AltStyle によって変換されたページ (->オリジナル) /