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