1import{z as _,w as y,a1 as M,o as n,c as a,a as e,k as E,C as B,n as L,d as r,S as C,t as b,A as u,v as V}from"./CLP_Wprm.js";const S={class:"aspect-video relative w-full cursor-pointer"},z={class:"flex items-center gap-x-20"},T={key:0,class:"h-10 w-auto",viewBox:"0 0 8 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Z={key:1,class:"h-12 w-auto",viewBox:"0 0 8 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},j=["aria-label"],H={key:0,class:"h-14 w-auto",viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N={key:1,class:"h-14 w-auto",viewBox:"0 0 16 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U={class:"type-body-sm font-medium"},D={__name:"index",props:["item"],setup(c){const p=_(),v=V(()=>p.path.includes("/gallery")),l=u(null),d=u("00:00:00"),i=u(!1),o=u(!0),f=t=>{const s=Math.floor(t/3600),g=Math.floor(t%3600/60),k=Math.floor(t%60);return[s,g,k].map(x=>x.toString().padStart(2,"0")).join(":")},m=()=>{const t=l.value?.videoEl;t&&(d.value=f(t.currentTime))},w=()=>{const t=l.value?.videoEl;t&&(i.value=!i.value,i.value?t.pause():t.play())},h=()=>{const t=l.value?.videoEl;t&&(o.value=!o.value,t.muted=o.value)};return y(()=>l.value?.videoEl,t=>{t&&t.addEventListener("timeupdate",m)},{flush:"post"}),M(()=>{l.value?.videoEl?.removeEventListener("timeupdate",m)}),(t,s)=>(n(),a("div",{class:"site-max",onClick:w},[e("div",S,[E(B,{ref_key:"mediaEl",ref:l,item:c.item?.media||c.item,aspect:!1,animate:!1,class:"absolute inset-0 w-full h-full"},null,8,["item"]),e("div",{class:L(["sticky transition-transform duration-1000 ease-out-expo w-full flex justify-between items-center px-25 py-30 text-white z-2 pointer-events-none",r(v)?"top-0 [.is-scrolled_&]:translate-y-[10rem]":"top-100"])},[e("span",z,[e("span",null,[r(i)?(n(),a("svg",Z,[...s[1]||(s[1]=[e("path",{d:"M0.179688 0.603516V9.51261L7.17969 5.05806L0.179688 0.603516Z",class:"fill-current"},null,-1)])])):(n(),a("svg",T,[...s[0]||(s[0]=[e("rect",{x:"6",y:"0.5",width:"2",height:"9",class:"fill-current"},null,-1),e("rect",{y:"0.5",width:"2",height:"9",class:"fill-current"},null,-1)])]))]),e("button",{onClick:C(h,["stop"]),class:"pointer-events-auto","aria-label":r(o)?"Unmute":"Mute"},[r(o)?(n(),a("svg",N,[...s[3]||(s[3]=[e("path",{d:"M1 5h2.5L7 2v10L3.5 9H1V5Z",class:"fill-current"},null,-1),e("path",{d:"m10.5 5 4 4M14.5 5l-4 4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"},null,-1)])])):(n(),a("svg",H,[...s[2]||(s[2]=[e("path",{d:"M1 5h2.5L7 2v10L3.5 9H1V5Z",class:"fill-current"},null,-1),e("path",{d:"M10.2 4.8a3 3 0 0 1 0 4.4",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"},null,-1),e("path",{d:"M12 3a5.5 5.5 0 0 1 0 8",stroke:"currentColor","stroke-width":"1.2","stroke-linecap":"round"},null,-1)])]))],8,j)]),e("span",U,b(r(d)),1)],2)])]))}};export{D as _};
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.