https://www.clubic.com/_next/static/chunks/reactPlayerYouTube.8417a7ce9a021e9d.js

1try{!function(){var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="56d92c14-814d-4258-ab8b-c716bbad0dd0",e._sentryDebugIdIdentifier="sentry-dbid-56d92c14-814d-4258-ab8b-c716bbad0dd0")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8446],{38196:(e,t,i)=>{i.r(t),i.d(t,{default:()=>L});var r=i(29205),s=i(7620);function n(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,r)}return i}function a(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?n(Object(i),!0).forEach(function(t){(0,r.A)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):n(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}let o=/(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})/,l=/(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/.*?[?&]list=)([\w_-]+)/;function u(e,t={}){var i;let r={src:c(e,t),frameborder:0,width:"100%",height:"100%",allow:"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture"};return(null==(i=t.config)?void 0:i.referrerpolicy)&&(r.referrerpolicy=t.config.referrerpolicy),t.config&&(r["data-config"]=JSON.stringify(t.config)),`
2    <style>
3      :host {
4        display: inline-block;
5        line-height: 0;
6        position: relative;
7        min-width: 300px;
8        min-height: 150px;
9      }
10      iframe {
11        position: absolute;
12        top: 0;
13        left: 0;
14      }
15    </style>
16    <iframe${function(e){let t="";for(let i in e){let r=e[i];""===r?t+=` ${d(i)}`:t+=` ${d(i)}="${d(`${r}`)}"`}return t}(r)}></iframe>
17  `}function c(e,t){if(!e.src)return;let i=e.src.includes("-nocookie")?"https://www.youtube-nocookie.com/embed":"https://www.youtube.com/embed",r=a({controls:""===e.controls?null:0,autoplay:e.autoplay,loop:e.loop,mute:e.muted,playsinline:e.playsinline,preload:e.preload??"metadata",enablejsapi:1,cc_load_policy:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},t.config);if(o.test(e.src)){let t=e.src.match(o),s=t&&t[1];return`${i}/${s}?${p(r)}`}let s=e.src.match(l),n=a({listType:"playlist",list:s&&s[1]},r);return`${i}?${p(n)}`}class h extends(globalThis.HTMLElement??class{}){static getTemplateHTML=u;static shadowRootOptions={mode:"open"};static observedAttributes=["autoplay","controls","crossorigin","loop","muted","playsinline","poster","preload","src"];loadComplete=new y;#e;#t;#i=0;#r=!1;#s;isLoaded=!1;#n=null;#a=null;#o=null;#l=1;constructor(){super(),this.#u("config")}get config(){return this.#a}set config(e){this.#a=e}async load(){let e;if(this.#e)return;this.shadowRoot||this.attachShadow({mode:"open"});let t=!this.#t;this.#t&&(this.loadComplete=new y,this.isLoaded=!1),this.#t=!0,await (this.#e=Promise.resolve()),this.#e=null,this.#i=0,this.dispatchEvent(new Event("emptied"));let i=this.api;if(this.api=null,!this.src){null==i||i.destroy();return}this.#o=document.createElement("video"),this.textTracks=this.#o.textTracks,this.textTracks.addEventListener("change",()=>{var e;let t=Array.from(this.textTracks).find(e=>"showing"===e.mode);null==(e=this.api)||e.setOption("captions","track",t?{languageCode:t.language}:{})}),this.dispatchEvent(new Event("loadstart"));let r=this.shadowRoot.querySelector("iframe"),s=function(e){let t={};for(let i of e)t[i.name]=i.value;return t}(this.attributes);t&&r&&(this.#a=JSON.parse(r.getAttribute("data-config")||"{}")),(null==r?void 0:r.src)&&r.src===c(s,this)||(this.shadowRoot.innerHTML=u(s,this),r=this.shadowRoot.querySelector("iframe"));let n=await g("https://www.youtube.com/iframe_api","YT","onYouTubeIframeAPIReady");this.api=new n.Player(r,{events:{onReady:()=>{var e;this.#i=1,this.dispatchEvent(new Event("loadedmetadata")),this.dispatchEvent(new Event("durationchange")),1!==this.#l&&(null==(e=this.api)||e.setVolume(100*this.#l)),this.dispatchEvent(new Event("volumechange")),this.dispatchEvent(new Event("loadcomplete")),this.isLoaded=!0,this.loadComplete.resolve()},onError:e=>{console.error(e),this.#n={code:e.data,message:`YouTube iframe player error #${e.data}; visit https://developers.google.com/youtube/iframe_api_reference#onError for the full error message.`},this.dispatchEvent(new Event("error"))}}});let a=!1;this.api.addEventListener("onStateChange",e=>{var t;let i=e.data;if((i===n.PlayerState.PLAYING||i===n.PlayerState.BUFFERING)&&(a||(a=!0,this.dispatchEvent(new Event("play"))),(this.api.getOption("captions","tracklist")||[]).forEac

17h(e=>{[...this.textTracks].some(t=>t.language===e.languageCode)||this.#o.addTextTrack("subtitles",e.displayName,e.languageCode),this.textTracks=this.#o.textTracks}),this.dispatchEvent(new Event("loadstart"))),i===n.PlayerState.PLAYING)this.seeking&&(this.#r=!1,null==(t=this.#s)||t.resolve(),this.dispatchEvent(new Event("seeked"))),this.#i=3,this.dispatchEvent(new Event("playing"));else if(i===n.PlayerState.PAUSED){let e=Math.abs(this.currentTime-o);!this.seeking&&e>.1&&(this.#r=!0,this.dispatchEvent(new Event("seeking"))),a=!1,this.dispatchEvent(new Event("pause"))}i===n.PlayerState.ENDED&&(a=!1,this.dispatchEvent(new Event("pause")),this.dispatchEvent(new Event("ended")),this.loop&&this.play())}),this.api.addEventListener("onPlaybackRateChange",()=>{this.dispatchEvent(new Event("ratechange"))}),this.api.addEventListener("onVolumeChange",()=>{var e;let t=(null==(e=this.api)?void 0:e.getVolume())/100;this.#l=t,this.dispatchEvent(new Event("volumechange"))}),this.api.addEventListener("onVideoProgress",()=>{this.dispatchEvent(new Event("timeupdate"))}),await this.loadComplete;let o=0;setInterval(()=>{var e;let t=Math.abs(this.currentTime-o),i=this.buffered.end(this.buffered.length-1);this.seeking&&i>.1?(this.#r=!1,null==(e=this.#s)||e.resolve(),this.dispatchEvent(new Event("seeked"))):!this.seeking&&t>.1&&(this.#r=!0,this.dispatchEvent(new Event("seeking"))),o=this.currentTime},50);let l=setInterval(()=>{let t=this.buffered.end(this.buffered.length-1);t>=this.duration&&(clearInterval(l),this.#i=4),e!=t&&(e=t,this.dispatchEvent(new Event("progress")))},100)}async attributeChangedCallback(e,t,i){if(t!==i)switch(e){case"src":case"autoplay":case"controls":case"loop":case"playsinline":this.load()}}async play(){var e,t,i;return this.#s=null,await this.loadComplete,null==(e=this.api)||e.playVideo(),t=this,(i=(e,i)=>{let r;t.addEventListener(e,r=()=>{t.removeEventListener(e,r),i()})},(...e)=>new Promise(t=>{i(...e,(...e)=>{e.length>1?t(e):t(e[0])})}))("playing")}async pause(){var e;return await this.loadComplete,null==(e=this.api)?void 0:e.pauseVideo()}get seeking(){return this.#r}get readyState(){return this.#i}get src(){return this.getAttribute("src")}set src(e){this.src!=e&&this.setAttribute("src",e)}get error(){return this.#n}get paused(){var e,t;return this.isLoaded?[-1,0,2,5].includes(null==(t=null==(e=this.api)?void 0:e.getPlayerState)?void 0:t.call(e)):!this.autoplay}get duration(){var e,t;return(null==(t=null==(e=this.api)?void 0:e.getDuration)?void 0:t.call(e))??NaN}get autoplay(){return this.hasAttribute("autoplay")}set autoplay(e){this.autoplay!=e&&this.toggleAttribute("autoplay",!!e)}get buffered(){var e,t;if(!this.isLoaded)return m();let i=(null==(e=this.api)?void 0:e.getVideoLoadedFraction())*(null==(t=this.api)?void 0:t.getDuration());return i>0?m(0,i):m()}get controls(){return this.hasAttribute("controls")}set controls(e){this.controls!=e&&this.toggleAttribute("controls",!!e)}get currentTime(){var e,t;return(null==(t=null==(e=this.api)?void 0:e.getCurrentTime)?void 0:t.call(e))??0}set currentTime(e){this.currentTime!=e&&(this.#s=new y,this.loadComplete.then(()=>{var t,i;null==(t=this.api)||t.seekTo(e,!0),this.paused&&(null==(i=this.#s)||i.then(()=>{var e;this.#s&&(null==(e=this.api)||e.pauseVideo())}))}))}set defaultMuted(e){this.defaultMuted!=e&&this.toggleAttribute("muted",!!e)}get defaultMuted(){return this.hasAttribute("muted")}get loop(){return this.hasAttribute("loop")}set loop(e){this.loop!=e&&this.toggleAttribute("loop",!!e)}set muted(e){this.muted!=e&&this.loadComplete.then(()=>{var t,i;e?null==(t=this.api)||t.mute():null==(i=this.api)||i.unMute()})}get muted(){var e,t;return this.isLoaded?null==(t=null==(e=this.api)?void 0:e.isMuted)?void 0:t.call(e):this.defaultMuted}get playbackRate(){var e,t;return(null==(t=null==(e=this.api)?void 0:e.getPlaybackRate)?void 0:t.call(e))??1}set playbackRate(e){this.playbackRate!=e&&this.loadComplete.then(()=>{var t;null==(t=this.api)||t.setPlaybackRate(e)})}get playsInline(){return this.hasAttribute("playsinline")}set playsInline(e){this.playsInline!=e&&this.toggleAttribute("playsinline",!!e)}get poster(){return this.getAttribute("poster")}set poster(e){this.poster!=e&&this.setAttribute("poster",`${e}`)}set volume(e){this.volume!=e&&(this.#l=e,this.loadComplete.then(()=>{var t;null==(t=this.api)||t.setVolume(100*e)}))}get volume(){var e;return this.isLoaded?(null==(e=this.api)?void 0:e.getVolume())/100:this.#l}#u(e){if(Object.prototype.hasOwnProperty.call(this,e)){let t=this[e];delete this[e],this[e]=t}}}function d(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;").replace(/`/g,"&#x60;")}function p(e){return String(new URLSearchParams(function(e){let t={};for(let i in e){let r=e[i];!0===r||""===r?t[i]=1:!1===r?t[i]=0:null!=r&&(t[i]=r)}return t}(e)))}let f={};async function g(e,t,i){return f[e]?f[e]:t&&self[t]?(await v(0),self[t]):f[e]=new Promise(function(r,s){let n=document.createElement("script");n.src=e;let a=()=>r(self[t]);i&&(self[i]=a),n.onload=()=>!i&&a(),n.onerror=s,document.head.append(n)})}let v=e=>new Promise(t=>setTimeout(t,e));class y extends Promise{constructor(e=()=>{}){let t,i;super((r,s)=>{e(r,s),t=r,i=s}),this.resolve=t,this.reject=i}}function m(e,t){return Array.isArray(e)?b(e):null==e||null==t||0===e&&0===t?b([[0,0]]):b([[e,t]])}function b(e){return Object.defineProperties(e,{start:{value:t=>e[t][0]},end:{value:t=>e[t][1]}}),e}function w(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,r)}return i}function E(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};

17t%2?w(Object(i),!0).forEach(function(t){(0,r.A)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):w(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}globalThis.customElements&&!globalThis.customElements.get("youtube-video")&&globalThis.customElements.define("youtube-video",h);var k=new Set(["style","children","ref","key","suppressContentEditableWarning","suppressHydrationWarning","dangerouslySetInnerHTML"]),O={className:"class",htmlFor:"for"};function T(e){return e.toLowerCase()}function P(e){return"boolean"==typeof e?e?"":void 0:"function"==typeof e?void 0:"object"!=typeof e||null===e?e:void 0}function C(e,t,i){var r;e[t]=i,null==i&&t in((null==(r=globalThis.HTMLElement)?void 0:r.prototype)??{})&&e.removeAttribute(t)}var L=function({react:e,tagName:t,elementClass:i,events:r,displayName:s,defaultProps:n,toAttributeName:a=T,toAttributeValue:o=P}){let l=Number.parseInt(e.version)>=19,u=e.forwardRef((s,u)=>{var c,h;let d=e.useRef(null),p=e.useRef(new Map),f={},g={},v={},y={};for(let[e,t]of Object.entries(s)){if(k.has(e)){v[e]=t;continue}let r=a(O[e]??e);if(i.prototype&&e in i.prototype&&!(e in((null==(c=globalThis.HTMLElement)?void 0:c.prototype)??{}))&&!(null==(h=i.observedAttributes)?void 0:h.some(e=>e===r))){y[e]=t;continue}if(e.startsWith("on")){f[e]=t;continue}let s=o(t);r&&null!=s&&(g[r]=String(s),l||(v[r]=s)),r&&l&&(s!==P(t)?v[r]=s:v[r]=t)}for(let t in f){let i=f[t],s=t.endsWith("Capture"),n=((null==r?void 0:r[t])??t.slice(2).toLowerCase()).slice(0,s?-7:void 0);e.useLayoutEffect(()=>{let e=null==d?void 0:d.current;if(e&&"function"==typeof i)return e.addEventListener(n,i,s),()=>{e.removeEventListener(n,i,s)}},[null==d?void 0:d.current,i])}return e.useLayoutEffect(()=>{if(null===d.current)return;let e=new Map;for(let t in y)C(d.current,t,y[t]),p.current.delete(t),e.set(t,y[t]);for(let[e,t]of p.current)C(d.current,e,void 0);p.current=e}),e.createElement(t,E(E(E({},n),v),{},{ref:e.useCallback(e=>{d.current=e,"function"==typeof u?u(e):null!==u&&(u.current=e)},[u])}),v.children)});return u.displayName=s??i.name,u}({react:s,tagName:"youtube-video",elementClass:h,toAttributeName:e=>"muted"===e?"":"defaultMuted"===e?"muted":T(e)})}}]);