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