1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[664],{83855:function(a,b,c){var d,e,f,g=Object.create,h=Object.defineProperty,i=Object.getOwnPropertyDescriptor,j=Object.getOwnPropertyNames,k=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,m=(a,b,c)=>b in a?h(a,b,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[b]=c,n=(a,b,c,d)=>{if(b&&"object"==typeof b||"function"==typeof b)for(let e of j(b))l.call(a,e)||e===c||h(a,e,{get:()=>b[e],enumerable:!(d=i(b,e))||d.enumerable});return a},o=(a,b,c)=>(m(a,"symbol"!=typeof b?b+"":b,c),c),p={};((a,b)=>{for(var c in b)h(a,c,{get:b[c],enumerable:!0})})(p,{default:()=>t}),a.exports=(d=p,n(h({},"__esModule",{value:!0}),d));var q=(f=null!=(e=c(67294))?g(k(e)):{},n(e&&e.__esModule?f:h(f,"default",{value:e,enumerable:!0}),e));let r="64px",s={};class t extends q.Component{constructor(){super(...arguments),o(this,"mounted",!1),o(this,"state",{image:null}),o(this,"handleKeyPress",a=>{("Enter"===a.key||" "===a.key)&&this.props.onClick()})}componentDidMount(){this.mounted=!0,this.fetchImage(this.props)}componentDidUpdate(a){let{url:b,light:c}=this.props;(a.url!==b||a.light!==c)&&this.fetchImage(this.props)}componentWillUnmount(){this.mounted=!1}fetchImage({url:a,light:b,oEmbedUrl:c}){if(!q.default.isValidElement(b)){if("string"==typeof b){this.setState({image:b});return}if(s[a]){this.setState({image:s[a]});return}return this.setState({image:null}),window.fetch(c.replace("{url}",a)).then(a=>a.json()).then(b=>{if(b.thumbnail_url&&this.mounted){let c=b.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");this.setState({image:c}),s[a]=c}})}}render(){let{light:a,onClick:b,playIcon:c,previewTabIndex:d,previewAriaLabel:e}=this.props,{image:f}=this.state,g=q.default.isValidElement(a),h={display:"flex",alignItems:"center",justifyContent:"center"},i={preview:{width:"100%",height:"100%",backgroundImage:f&&!g?`url(${f})`: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:r,width:r,height:r,position:g?"absolute":void 0,...h},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},j=q.default.createElement("div",{style:i.shadow,className:"react-player__shadow"},q.default.createElement("div",{style:i.playIcon,className:"react-player__play-icon"}));return q.default.createElement("div",{style:i.preview,className:"react-player__preview",onClick:b,tabIndex:d,onKeyPress:this.handleKeyPress,...e?{"aria-label":e}:{}},g?a:null,c||j)}}}}])
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.