1(self.rspackChunkcircle=self.rspackChunkcircle||[]).push([[37850],{599861(e,t,r){let a,l;var n=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,p=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,d=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of o(t))c.call(e,l)||l===r||i(e,l,{get:()=>t[l],enumerable:!(a=s(t,l))||a.enumerable});return e},u=(e,t,r)=>{let a;return(a="symbol"!=typeof t?t+"":t)in e?i(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,r},h={},m={default:()=>v};for(var f in m)i(h,f,{get:m[f],enumerable:!0});e.exports=d(i({},"__esModule",{value:!0}),h);var b=(l=null!=(a=r(933578))?n(p(a)):{},d(a&&a.__esModule?l:i(l,"default",{value:a,enumerable:!0}),a));let g="64px",y={};class v extends b.Component{constructor(){super(...arguments),u(this,"mounted",!1),u(this,"state",{image:null}),u(this,"handleKeyPress",e=>{("Enter"===e.key||" "===e.key)&&this.props.onClick()})}componentDidMount(){this.mounted=!0,this.fetchImage(this.props)}componentDidUpdate(e){let{url:t,light:r}=this.props;(e.url!==t||e.light!==r)&&this.fetchImage(this.props)}componentWillUnmount(){this.mounted=!1}fetchImage({url:e,light:t,oEmbedUrl:r}){if(!b.default.isValidElement(t))return"string"==typeof t?void this.setState({image:t}):y[e]?void this.setState({image:y[e]}):(this.setState({image:null}),window.fetch(r.replace("{url}",e)).then(e=>e.json()).then(t=>{if(t.thumbnail_url&&this.mounted){let r=t.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");this.setState({image:r}),y[e]=r}}))}render(){let{light:e,onClick:t,playIcon:r,previewTabIndex:a}=this.props,{image:l}=this.state,n=b.default.isValidElement(e),i={display:"flex",alignItems:"center",justifyContent:"center"},s={preview:{width:"100%",height:"100%",backgroundImage:l&&!n?`url(${l})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...i},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:g,width:g,height:g,position:n?"absolute":void 0,...i},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},o=b.default.createElement("div",{style:s.shadow,className:"react-player__shadow"},b.default.createElement("div",{style:s.playIcon,className:"react-player__play-icon"}));return b.default.createElement("div",{style:s.preview,className:"react-player__preview",onClick:t,tabIndex:a,onKeyPress:this.handleKeyPress},n?e:null,r||o)}}}}]); 2//# sourceMappingURL=/packs/js/reactPlayerPreview-459268f1e2afaf34.chunk.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.