1"use strict"; 2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="20818408-c23b-5551-803e-76d1fe86982b")}catch(e){}}(); 3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6353],{13579:(e,t,r)=>{r.r(t),r.d(t,{default:()=>o});var i=r(7620),a=Object.defineProperty,s=(e,t,r)=>(((e,t,r)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r)(e,"symbol"!=typeof t?t+"":t,r),r);let n="64px",l={};class o extends i.Component{constructor(){super(...arguments),s(this,"mounted",!1),s(this,"state",{image:null}),s(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(!i.isValidElement(t))return"string"==typeof t?void this.setState({image:t}):l[e]?void this.setState({image:l[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}),l[e]=r}}))}render(){let{light:e,onClick:t,playIcon:r,previewTabIndex:a,previewAriaLabel:s}=this.props,{image:l}=this.state,o=i.isValidElement(e),h={display:"flex",alignItems:"center",justifyContent:"center"},d={preview:{width:"100%",height:"100%",backgroundImage:l&&!o?`url(${l})`: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:n,width:n,height:n,position:o?"absolute":void 0,...h},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},p=i.createElement("div",{style:d.shadow,className:"react-player__shadow"},i.createElement("div",{style:d.playIcon,className:"react-player__play-icon"}));return i.createElement("div",{style:d.preview,className:"react-player__preview",onClick:t,tabIndex:a,onKeyPress:this.handleKeyPress,...s?{"aria-label":s}:{}},o?e:null,r||p)}}}}]); 4//# sourceMappingURL=reactPlayerPreview.ef07907b8013e194.js.map 5//# debugId=20818408-c23b-5551-803e-76d1fe86982b
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.