1import{r as e,c as r}from"./react-vendor.Bh_5QG34.js";const t="64px",a={};var l=({src:l,light:i,oEmbedUrl:n,onClickPreview:o,playIcon:s,previewTabIndex:c,previewAriaLabel:d})=>{const[p,u]=e.useState(null);e.useEffect(()=>{l&&i&&n&&h({src:l,light:i,oEmbedUrl:n})},[l,i,n]);const h=async({src:e,light:t,oEmbedUrl:l})=>{if(r.isValidElement(t))return;if("string"==typeof t)return void u(t);if(a[e])return void u(a[e]);u(null);const i=await fetch(l.replace("{url}",e)),n=await i.json();if(n.thumbnail_url){const r=n.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");u(r),a[e]=r}},b=r.isValidElement(i),g={display:"flex",alignItems:"center",justifyContent:"center"},m={preview:{width:"100%",height:"100%",backgroundImage:p&&!b?`url(${p})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...g},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:t,width:t,height:t,position:b?"absolute":void 0,...g},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},y=r.createElement("div",{style:m.shadow,className:"react-player__shadow"},r.createElement("div",{style:m.playIcon,className:"react-player__play-icon"}));return r.createElement("div",{style:m.preview,className:"react-player__preview",tabIndex:c,onClick:e=>{null==o||o(e)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||null==o||o(e)},...d?{"aria-label":d}:{}},b?i:null,s||y)};export{l as default};
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.