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