https://www.tourismepourtous.ch/_next/static/chunks/reactPlayerPreview.8491c8a6a1450b5f.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="c6acd6dd-6859-4836-ade2-05bfc265dd53",e._sentryDebugIdIdentifier="sentry-dbid-c6acd6dd-6859-4836-ade2-05bfc265dd53")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6353],{16521:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>i});var a=r(14232);let l="64px",n={};var i=({src:e,light:t,oEmbedUrl:r,onClickPreview:i,playIcon:s,previewTabIndex:o,previewAriaLabel:d})=>{let[c,u]=(0,a.useState)(null);(0,a.useEffect)(()=>{e&&t&&r&&p({src:e,light:t,oEmbedUrl:r})},[e,t,r]);let p=async({src:e,light:t,oEmbedUrl:r})=>{if(a.isValidElement(t))return;if("string"==typeof t)return void u(t);if(n[e])return void u(n[e]);u(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");u(t),n[e]=t}},h=a.isValidElement(t),b={display:"flex",alignItems:"center",justifyContent:"center"},f={preview:{width:"100%",height:"100%",backgroundImage:c&&!h?`url(${c})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...b},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:l,width:l,height:l,position:h?"absolute":void 0,...b},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},y=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:o,onClick:e=>{null==i||i(e)},onKeyPress:e=>{("Enter"===e.key||" "===e.key)&&(null==i||i(e))},...d?{"aria-label":d}:{}},h?t:null,s||y)}},52531:(e,t,r)=>{var a=Object.create,l=Object.defineProperty,n=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.getPrototypeOf,o=Object.prototype.hasOwnProperty,d=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let s of i(t))o.call(e,s)||s===r||l(e,s,{get:()=>t[s],enumerable:!(a=n(t,s))||a.enumerable});return e},u=(e,t,r)=>(d(e,"symbol"!=typeof t?t+"":t,r),r),p={};((e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})})(p,{default:()=>y}),e.exports=c(l({},"__esModule",{value:!0}),p);var h=((e,t,r)=>(r=null!=e?a(s(e)):{},c(!t&&e&&e.__esModule?r:l(r,"default",{value:e,enumerable:!0}),e)))(r(14232));let b="64px",f={};class y extends h.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(!h.default.isValidElement(t))return"string"==typeof t?void this.setState({image:t}):f[e]?void this.setState({image:f[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}),f[e]=r}}))}render(){let{light:e,onClick:t,playIcon:r,previewTabIndex:a,previewAriaLabel:l}=this.props,{image:n}=this.state,i=h.default.isValidElement(e),s={display:"flex",alignItems:"center",justifyContent:"center"},o={preview:{width:"100%",height:"100%",backgroundImage:n&&!i?`url(${n})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...s},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:b,width:b,height:b,position:i?"absolute":void 0,...s},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},d=h.default.createElement("div",{style:o.shadow,className:"react-player__shadow"},h.default.createElement("div",{style:o.playIcon,className:"react-player__play-icon"}));return h.default.createElement("div",{style:o.preview,className:"react-player__preview",onClick:t,tabIndex:a,onKeyPress:this.handleKeyPress,...l?{"aria-label":l}:{}},i?e:null,r||d)}}}}]);