1import{d as D,r as m,o as V,ah as N,I as C,a as p,e as h,f as d,q as I,a8 as L,a9 as $,t as j,F}from"./BgOPsrZ5.js";import{s as M}from"./BqWQEYAq.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},w=new r.Error().stack;w&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[w]="abdef01c-9477-43e4-a7ae-37f90a632fc2",r._sentryDebugIdIdentifier="sentry-dbid-abdef01c-9477-43e4-a7ae-37f90a632fc2")}catch{}})();function U(){var i,u,f;if(typeof window>"u")return Promise.reject(new Error("YouTube Iframe API can only be loaded in the browser"));if((i=window.YT)!=null&&i.Player)return Promise.resolve(window.YT);if(window.__ytResolvers||(window.__ytResolvers=[]),window.__ytReady&&!((u=window.YT)!=null&&u.Player))return new Promise((t,a)=>{const l=performance.now(),c=()=>{var n;if((n=window.YT)!=null&&n.Player)return t(window.YT);if(performance.now()-l>5e3)return a(new Error("YT ready flag set but Player missing"));requestAnimationFrame(c)};c()});if(window.__ytApiLoading)return new Promise(t=>{window.__ytResolvers.push(t)});window.__ytApiLoading=!0;const r=window.onYouTubeIframeAPIReady;window.onYouTubeIframeAPIReady=()=>{var t;try{r==null||r()}catch{}if(window.__ytReady=!0,window.__ytApiLoading=!1,(t=window.YT)!=null&&t.Player){const a=window.__ytResolvers??[];window.__ytResolvers=[];for(const l of a)l(window.YT)}};const w="https://www.youtube.com/iframe_api";if(!document.querySelector(`script[src="${w}"]`)){const t=document.createElement("script");t.src=w;const a=document.getElementsByTagName("script")[0];(f=a==null?void 0:a.parentNode)==null||f.insertBefore(t,a)}return new Promise((t,a)=>{var l;if((l=window.YT)!=null&&l.Player)return window.__ytReady=!0,window.__ytApiLoading=!1,t(window.YT);window.__ytResolvers.push(t),setTimeout(()=>{var c;(c=window.YT)!=null&&c.Player||a(new Error("Timed out waiting for YouTube Iframe API"))},15e3)})}function q(r,w,i,u){return U().then(f=>new Promise(t=>{const a=new f.Player(r,{height:"100%",width:"100%",videoId:w,playerVars:{rel:0,controls:1,modestbranding:1,playsinline:1,origin:window.location.origin,iv_load_policy:3,cc_load_policy:0},events:{onReady:l=>{i==null||i(l),t(a)},onStateChange:l=>u==null?void 0:u(l)}})}))}const G={key:0,class:"relative w-full h-full",role:"status","aria-live":"polite","aria-label":"Loading video"},H={class:"relative mx-auto overflow-hidden w-full h-full"},J=["aria-label","aria-controls"],K={class:"flex flex-col items-center justify-center w-full h-full text-center relative overflow-hidden"},O=["src"],Q={class:"flex items-center justify-center rounded-full bg-black/60 backdrop-blur-sm w-[60px] h-[60px] sm:w-[70px] sm:h-[70px] md:w-[90px] md:h-[90px] transform transition-transform duration-500 ease-out hover:bg-black/70 group-hover:scale-105"},W={key:0,xmlns:"http://www.w3.org/2000/svg",width:"36",height:"36",viewBox:"0 0 24 24",fill:"white",class:"ml-[2px]"},X={key:1,xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24",fill:"white"},Z={class:"mt-5 text-white font-semibold leading-snug text-[14px] sm:text-[16px] md:text-[22px] lg:text-[24px] px-4 max-w-[85%] md:max-w-[70%] line-clamp-2"},ee=["aria-controls","aria-label"],te=["id"],ie=D({__name:"youtube-player",props:{imagePath:{},videoId:{},title:{},index:{},activeIndex:{}},emits:["play","pause","ended"],setup(r,{emit:w}){const i=r,u=w,f=m(!0),t=m(!1),a=m(!0),l=m(!1),c=m(`youtube-player-${i.videoId}-${i.index}`),n=m(null);let g=null,_=null,x=0,b=0;const v=()=>{g&&(clearInterval(g),g=null),_&&(clearTimeout(_),_=null),b=0},k=()=>{v(),_=setTimeout(()=>{var o,e;try{x=((e=(o=n.value)==null?void 0:o.getCurrentTime)==null?void 0:e.call(o))??0}catch{x=0}b=0,g=M(()=>{var s,y,P,Y;try{const S=window.YT.PlayerState,B=(y=(s=n.value)==null?void 0:s.getPlayerState)==null?void 0:y.call(s),T=(Y=(P=n.value)==null?void 0:P.getCurrentTime)==null?void 0:Y.call(P);if(B!==S.PAUSED){v();return}typeof T=="number"&&Math.abs(T-x)<.05?b+=1:(b=0,typeof T=="number"&&(x=T)),b>=3&&(a.value=!0,v())}catch{v()}},300)},300)},A=()=>{n.value&&(n.value.playVideo(),l.value=!0,a.value=!1,t.value=!0,u("play",i.index))},E=o=>{const e=window.YT.PlayerState;if(o.data===e.PLAYING||o.data===e.BUFFERING)v(),l.value=!0,t.value=!0,a.value=!1,u("play",i.index);else if(o.data===e.PAUSED){if(t.value=!1,u("pause",i.index),!l.value){a.value=!0;return}k()}else o.data===e.ENDED&&(v(),t.value=!1,a.value=!0,l.value=!1,u("ended",i.index))},z=()=>{f.value=!1},R=()=>{q(c.value,i.videoId,z,E).then(o=>{var e,s;n.value=o;try{const y=(s=(e=n.value)==null?void 0:e.getIframe)==null?void 0:s.call(e);y&&y.setAttribute("title",`YouTube video player: ${i.title}`)}catch{}}).catch(o=>{console.error("Failed to initialize YouTube player:",o)})};return V(()=>{R()}),N(()=>{v()}),C(()=>i.activeIndex,o=>{var e;if(o!==i.index&&((e=n.value)!=null&&e.stopVideo)){try{n.value.stopVideo()}catch{}v(),t.value=!1,a.value=!0,l.value=!1}}),(o,e)=>(p(),h(F,null,[f.value?(p(),h("div",G,e[1]||(e[1]=[d("div",{class:"absolute inset-0 bg-gray-200 rounded animate-pulse"},null,-1)]))):I("",!0),L(d("div",H,[o.imagePath&&a.value?(p(),h("button",{key:0,t
1ype:"button",class:"absolute inset-0 z-20 bg-black flex items-center justify-center cursor-pointer transition-colors group","aria-label":t.value?`Pause video: ${o.title}`:`Play video: ${o.title}`,"aria-controls":c.value,onClick:A},[d("div",K,[d("img",{alt:"","aria-hidden":"true",role:"presentation",src:o.imagePath,class:"absolute inset-0 w-full h-full object-cover opacity-50 -z-10 transform transition-transform duration-500 ease-out group-hover:scale-105"},null,8,O),d("div",Q,[t.value?(p(),h("svg",X,e[3]||(e[3]=[d("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"},null,-1)]))):(p(),h("svg",W,e[2]||(e[2]=[d("path",{d:"M8 5v14l11-7-11-7z"},null,-1)])))]),d("h6",Z,j(o.title),1)])],8,J)):I("",!0),!a.value&&t.value?(p(),h("button",{key:1,type:"button",class:"absolute z-20 top-3 right-3 h-10 w-10 rounded-full bg-black/70 hover:bg-black/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white flex items-center justify-center","aria-controls":c.value,"aria-label":`Pause video: ${o.title}`,onClick:e[0]||(e[0]=()=>{var s,y;try{(y=(s=n.value)==null?void 0:s.pauseVideo)==null||y.call(s)}catch{}})},e[4]||(e[4]=[d("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",class:"h-5 w-5 text-white"},[d("path",{d:"M6 5h4v14H6zM14 5h4v14h-4z"})],-1)]),8,ee)):I("",!0),d("div",{id:c.value,class:"relative z-10 w-full h-full"},null,8,te)],512),[[$,!f.value]])],64))}});export{ie as _}; 2//# sourceMappingURL=hKoFiw4g.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.